<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>观点详情</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./static/css/animate.min.css">
    <link rel="stylesheet" href="./static/css/common.css">
    <link rel="stylesheet" href="./static/css/swiper.css">
    <link rel="stylesheet" href="./static/css/newsInfo.css">
    <link rel="stylesheet" href="./static/css/locomotive-scroll.css">
</head>

<body>
    <div class="home">


        <div class="header hasBg">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./static/images/logo-white.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html" class="a1">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html" class="a1">关于</a>
                    </div>
                    <div class="item">
                        <a href="./cases.html" class="a1">案例</a>
                    </div>
                    <div class="item">
                        <a href="./service.html" class="a1">服务</a>
                    </div>
                    <div class="item">
                        <a href="./ideas.html" class="a1 active">观点</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html" class="a1">联系</a>
                    </div>
                </div>
                <div class="rb">
                    <div class="lan">
                        <a href="">ENG</a>
                        <p>中文</p>
                     </div>
                    <a class="contact each_btn">
                        <div class="text">
                            <p>定制专属方案</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInLeft">
                    <img src="./static/images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <a href="./about.html">关于</a>
            </div>
            <div class="item">
                <a href="./cases.html">案例</a>
            </div>
            <div class="item">
                <a href="./service.html">服务</a>
            </div>
            <div class="item">
                <a href="./ideas.html">观点</a>
            </div>
            <div class="item">
                <a href="./contact.html">联系</a>
            </div>
            <div class="bottom">
               <div class="box1">
                <div class="p1">数字营销全面诊断，定制专属增长方案</div>
                <a class="contact" href="./contact.html" >
                    定制专属方案
                </a>
               </div>
               <div class="box2">
                 <p class="p1">业务咨询</p>
                 <a href="tel:15257713337">
                    152-5771-3337
                 </a>
               </div>
                
            </div>
        
        </div>




        <div data-scroll-container>

            <div class="section1 wow fadeInUp">
                <div class="box">
                    <div class="info">
                        <div class="t">这样做官网，你会看到不一样的设计策略与品质</div>
                        <div class="time">
                            2024-04-08 08:46 Author: chris song
                        </div>
                        <div class="des">
                            一个企业官网是展示公司形象和特色的主要平台之一，官网应该提供良好的用户体验，使访问者能够轻松地找到所需信息，了解公司的业务和产品，甚至完成交易或与公司互动，另外，官网还应通过优秀的设计和内容吸引更多的访问者，从而增加品牌的认知度和曝光度等等。
                        </div>
                    </div>
                </div>
                <div class="pic">
                    <img src="./static/images/info.png" alt="">
                </div>
                <div class="author">
                    <div class="avator"></div>
                    <div class="text">
                        <p class="p1">Written by</p>
                        <div class="p2">Andy Golpys<br>
                            Co-Founder</div>
                    </div>
                </div>
            </div>

            <div class="section2">
                <div class="back wow fadeInUp">
                    <a class="btn each_btn" href="./contact.html">
                        <img src="./static/images/jt2.png" alt="">
                        <div class="text">
                            <p>返回列表</p>
                        </div>
                    </a>
                </div>
                <div class="r_box">
                    <div class="info wow fadeInUp">
                        <p>企业官网风格设计，表面上看仅仅是在对视觉界面部分进行创意设计，实际上需要跟前端制作工艺、系统开发的等多个部门进行高效沟通与打配合战</p>
                        高级网站设计策略涉及到更深层次的设计理念和技术应用，旨在提供与众不同、高度优化的用户体验，并为公司带来更大的业务价值。下面是一些素马设计团队在日常执行项目过程中总结出来的网站设计策略，大家可以查阅，合适的加以使用。
                        <br>
                        ● 客户最为关心的个性化设计 <br>
                        通过深入了解目标用户群体和公司品牌特点，设计个性化的网站。采用定制化的设计元素、独特的视觉风格和交互方式，使网站在视觉上与众不同，提升用户印象和留存度。
                        <br>
                        ● 客户的客户都在用手机找客户，所以响应式设计与移动要优先 <br>
                        采用响应式设计，确保网站能够适应不同尺寸和分辨率的设备，提供一致的用户体验。同时，考虑移动优先的设计理念，优先考虑移动设备的用户体验，并确保网站在移动设备上能够流畅运行。
                        <br>
                        ● 网站不是PDF，巧妙的微交互设计让用户浏览体验超好 <br>
                        引入微交互设计，通过小而精巧的交互元素增强用户体验。例如，动画效果、过渡效果、悬浮提示等，可以提高用户的参与度和互动性，使网站更具吸引力。
                        <br>
                        ● 交互式内容体验 <br>
                        设计交互式的内容体验，使用户能够以更直观、更富参与性的方式与内容互动。例如，使用视频、虚拟现实（VR）、滚动故事等技术，让用户更深入地了解产品或服务。
                    </div>
                    <div class="related wow fadeInUp">
                        <div class="dt">相关阅读</div>
                        <div class="list">
                            <a href="">
                                <p class="st">素马设计喜获GDC Award 2023 专业组铜奖</p>
                                <p class="time">2023.12.20</p>
                            </a>
                            <a href="">
                                <p class="st">素马设计喜获GDC Award 2023 专业组铜奖</p>
                                <p class="time">2023.12.20</p>
                            </a>
                            <a href="">
                                <p class="st">素马设计喜获GDC Award 2023 专业组铜奖</p>
                                <p class="time">2023.12.20</p>
                            </a>
                            <a href="">
                                <p class="st">素马设计喜获GDC Award 2023 专业组铜奖</p>
                                <p class="time">2023.12.20</p>
                            </a>
                            <a href="">
                                <p class="st">素马设计喜获GDC Award 2023 专业组铜奖</p>
                                <p class="time">2023.12.20</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section5">
                <div class="bg">
                    <img src="./static/images/b.png" alt="">
                </div>
                <div class="text">
                    来一场关于你的项目讨论会？
                </div>
                <a href="" class="btn">
                    <img class="ball" src="./static/images/ball.png" alt="">
                    <div class="en">
                        <img src="./static/images/en.png" alt="">
                    </div>
                    <p>
                        立即<br>
                        预约
                    </p>
                    <img class="icon" src="./static/images/jt3.png" alt="">
                </a>
            </div>

            <div class="foot">
                <div class="dom1">
                    <div class="d1">
                        <div class="dbox">
                            <div class="dl">
                                <div class="logo">
                                    <img src="./static/images/logo.png" alt="">
                                </div>
                                <div class="st">数字化策略与营销专家</div>
                                <div class="sr">
                                    <input type="text" placeholder="输入手机号,即刻体验">
                                    <div class="btn">确定</div>
                                </div>
                            </div>
                            <div class="dc">
                                <a href="">关于</a>
                                <a href="">案例</a>
                                <a href="">服务</a>
                                <a href="">观点</a>
                                <a href="">联系</a>
                            </div>
                            <div class="dr">
                                <div class="item">
                                    <div class="t">官网</div>
                                    <span></span>
                                    <a href="">
                                        企业官网定制开发
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">产品</div>
                                    <span></span>
                                    <a href="">
                                        web/app/小程序开发
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">转化</div>
                                    <span></span>
                                    <a href="">
                                        sem效果提升
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">流量</div>
                                    <span></span>
                                    <a href="">
                                        SEO排名优化
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">传播</div>
                                    <span></span>
                                    <a href="">
                                        SEO排名优化
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dlink">
                            <p>友情链接</p>
                            <div class="as">
                                <a href="">数阔云听cem</a>
                                <a href="">企业直播</a>
                                <a href="">营销自动化</a>
                            </div>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="dbox">
                            <div class="t1">每个品牌都需要精心策划</div>
                            <div class="t2">点击下方按钮，立即免费获取</div>
                            <a class="btn each_btn" href="./contact.html">
                                <img src="./static/images/jt2.png" alt="">
                                <div class="text">
                                    <p>免费获取</p>
                                </div>
                            </a>
                            <div class="pic">
                                <img class="pic1" src="./static/images/fbg1.png" alt="">
                                <div class="pic2">
                                    <img src="./static/images/fp.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="dInfo">
                            <div class="t">业务咨询</div>
                            <div class="dc">
                                <div class="phone">152-5771-3337</div>
                                <div class="wxchat">
                                    <p>微信咨询</p>
                                    <div class="icon">
                                        <img src="./static/images/wx.png" alt="">
                                    </div>
                                    <div class="code">
                                        <img src="./static/images/code.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <a class="email" href="mailto:627603421@qq.com" target="_blank">
                                627603421@qq.com
                            </a>
                        </div>
                    </div>
                </div>
                <div class="dom2">
                    <p>© 2024 优升网络科技 Rights Reserved.</p>
                    <a class="bei" href="https://beian.miit.gov.cn/" target="_blank">滇ICP备2022001335号</a>
                    <div class="links">
                        <a href="">网站声明</a>
                        <span></span>
                        <a href="">隐私政策</a>
                    </div>
                </div>
            </div>
        </div>




    </div>
    <script src="./static/js/jquery-3.6.1.min.js"></script>
    <script src="./static/js/swiper.js"></script>
    <script src="./static/js/common.js"></script>
    <script src="./static/js/wow.min.js"></script>
    <script src="./static/js/countUp.js"></script>
    <script src="./static/js/gsap.min.js"></script>
    <script src="./static/js/jquery.parallax.js"></script>
    <script src="./static/js/ScrollTrigger.min.js"></script>
    <script src="./static/js/locomotive-scroll.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        // new WOW().init();

        let locomotive, scrollTop;
        window.addEventListener('load', function () {
            if (document.querySelector('[data-scroll-container]')) {
                locomotive = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true, lerp: 0.09, });
                locomotive.on('scroll', function (position) {
                    scrollTop = position.scroll.y;
                    WOW.init();
                });
            }
        })


        $('.each_btn').each(function (i, e) {
            var text = $(e).find('p').text()
            var split = text.split('')
            var html = '';
            for (let j = 0; j < split.length; j++) {
                html += `<div>${split[j]}</div>`
            }
            $(e).find('.text').html(html)

            $(e).find('.text').append('<div class="inset">' + html + '</div>')

            $(e).hover(function () {
                $(e).find('.text > div:not(.inset)').each(function (i, e) {
                    var delay = i * 0.05
                    $(e).css('transition-delay', delay + 's')
                })
                $(e).find('.text .inset div').each(function (index, ele) {
                    var delay2 = (($(e).find('.text > div:not(.inset)').length * 0.05)) + (index * 0.05)
                    $(ele).css('transition-delay', delay2 + 's')
                })
                $(e).find('.text div:not(.inset)').css('opacity', '0')
                $(e).find('.text .inset div').css('opacity', '1')
            }, function () {

                $(e).find('.text > div:not(.inset)').get().reverse().forEach(function (el, i) {
                    var delay = (($(e).find('.text > div:not(.inset)').length * 0.05)) + (i * 0.05)
                    $(el).css('transition-delay', delay + 's');
                });

                $(e).find('.text .inset div').get().reverse().forEach(function (el, i) {
                    var delay2 = i * 0.05
                    $(el).css('transition-delay', delay2 + 's')
                })

                $(e).find('.text div:not(.inset)').css('opacity', '1')
                $(e).find('.text .inset div').css('opacity', '0')

            })

        })

    </script>
</body>

</html>